<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <li th:if="${#maps.isEmpty(dataMap['list'])}" id="no-data-li">
        <section class="no-data__wrap no-account-data__wrap">
            <em>&nbsp;</em>
            <p>亲，还没有任何学习记录哦~~~</p>
        </section>
    </li>
    <input type="hidden" id="totalPages" th:value="${dataMap['pages']}"/>
    <input type="hidden" id="currentPage" th:value="${dataMap['pageNum']}"/>
    <th:block th:if="!${#maps.isEmpty(dataMap['list'])}" th:each="playRecord : ${dataMap['list']}">
        <li th:if="!${#strings.isEmpty(playRecord['timeAxis'])}" class="item-content item-year">
            <div class="item-media"></div>
            <div class="fs7 s-r-year item-inner">
                <span th:text="${playRecord['timeAxis']}"></span>
            </div>
        </li>
        <li class="item-content">
            <div class="item-media">
                <span class="lecture-icon"></span>
            </div>
            <div class="item-inner h-item-inner s-r-inner" style="white-space:nowrap;text-overflow:ellipsis;overflow:hidden;">
                <section class="item-title">
                    <a href="javascript:;" class="item-content-record">
                        <div class="item-media item-record">
                            <section class="item-title">
                                <span class="wm-cm-title" th:text="${playRecord['course']['courseName']}"></span>
                                <div class="mt5 ellipsis">
                                    <span class="fs6 c-info" th:if="!${#maps.isEmpty(playRecord['catalog'])}" th:text="${playRecord['catalog']['catalogName']}"></span>
                                    <span class="fs6 button-danger c-info" th:if="${#maps.isEmpty(playRecord['catalog'])}">对不起，此节已被删</span>
                                </div>
                            </section>
                        </div>
                    </a>
                    <section class="pt5">
                        <div class="row no-gutter">
                            <aside class="col-auto">
                                <span class="fs7 c-888">练习时间：</span>
                                <span class="fs7 c-888">
                                    <th:block th:text="${#strings.substring(playRecord['updateTime'],5,7)}+'月'"></th:block>
                                    <th:block th:text="${#strings.substring(playRecord['updateTime'],8,10)}+'日'"></th:block>
                                    <th:block th:text="${#strings.substring(playRecord['updateTime'],11,16)}"></th:block>
                                </span>
                            </aside>
                            <!--<aside th:if="!${#maps.isEmpty(playRecord['courseCatalog'])}" class="col-40 text-right">
                                <a th:if="${playRecord['buyCourse']['courseTypeKey']}=='LIVE' and ${playRecord['finish']}==1" th:href="@{/mobile/course/liveInfo?courseId={courseId}&catalogId={catalogId}(courseId=${playRecord['buyCourseId']},catalogId=${playRecord['catalogId']})}" class="button button-fill button-round button-danger button-inline fs6"> 继续学习 </a>
                                <a th:if="${playRecord['buyCourse']['courseTypeKey']}=='LIVE' and ${playRecord['finish']}==2" th:href="@{/mobile/course/liveInfo?courseId={courseId}&catalogId={catalogId}(courseId=${playRecord['buyCourseId']},catalogId=${playRecord['catalogId']})}" class="button button-fill button-round button-danger button-inline fs6"> 已完成学习 </a>
                                <th:block th:if="${playRecord['buyCourse']['courseTypeKey']}!='LIVE'">
                                    <a th:if="${playRecord['buyCourse']['courseTypeKey']}=='PACKAGE' and ${playRecord['finish']}==1" th:href="@{/mobile/course/info?courseId={courseId}&packageCourseId={packageCourseId}&catalogId={catalogId}(courseId=${playRecord['buyCourseId']},packageCourseId=${playRecord['courseId']},catalogId=${playRecord['catalogId']})}" class="button button-fill button-round button-danger button-inline fs6"> 继续学习 </a>
                                    <a th:if="${playRecord['buyCourse']['courseTypeKey']}=='PACKAGE' and ${playRecord['finish']}==2" th:href="@{/mobile/course/info?courseId={courseId}&packageCourseId={packageCourseId}&catalogId={catalogId}(courseId=${playRecord['buyCourseId']},packageCourseId=${playRecord['courseId']},catalogId=${playRecord['catalogId']})}" class="button button-fill button-round button-danger button-inline fs6"> 重新学习 </a>
                                    <a th:if="${playRecord['buyCourse']['courseTypeKey']}!='PACKAGE' and ${playRecord['finish']}==1" th:href="@{/mobile/course/info?courseId={courseId}&packageCourseId=0&catalogId={catalogId}(courseId=${playRecord['buyCourseId']},catalogId=${playRecord['catalogId']})}" class="button button-fill button-round button-danger button-inline fs6"> 继续学习 </a>
                                    <a th:if="${playRecord['buyCourse']['courseTypeKey']}!='PACKAGE' and ${playRecord['finish']}==2" th:href="@{/mobile/course/info?courseId={courseId}&packageCourseId=0&catalogId={catalogId}(courseId=${playRecord['buyCourseId']},catalogId=${playRecord['catalogId']})}" class="button button-fill button-round button-danger button-inline fs6"> 重新学习 </a>
                                </th:block>
                            </aside>-->
                        </div>
                    </section>
                    <section>
                        <hr>
                        <div class="row">
                            <aside class="col-66">
                                <i class="icon iconfont icon-datiqia_icon fs4 c-green" th:if="${playRecord['pass']}"></i>
                                <i class="icon iconfont icon-datiqia_icon fs4 c-red" th:if="!${playRecord['pass']}"></i>
                                <span class="fs6 c-888 vam" th:text="${playRecord['pass']}?'通过此节随堂练习':'未通过此节随堂练习'"> </span>
                            </aside>
                            <aside class="col-33 text-right">
                                <a th:if="${playRecord['pass']}"  th:attrappend="data-pass=${playRecord['pass']},data-id=${playRecord['id']},data-percen=${playRecord['scorePercent']},data-course=${playRecord['catalog']['courseId']},data-byCourse=${playRecord['courseIds']},data-catalog=${playRecord['catalogId']}" class="fs6 c-master openReport">查看结果 <em class="icon icon-right"></em></a>
                                <a th:if="!${playRecord['pass']}" th:attrappend="data-course=${playRecord['catalog']['courseId']},data-byCourse=${playRecord['courseIds']},data-catalog=${playRecord['catalogId']},data-type=${playRecord['course']['courseTypeKey']}" class="fs6 c-master learn">继续学习 <em class="icon icon-right"></em></a>
                            </aside>
                        </div>
                    </section>
                </section>
            </div>
        </li>
    </th:block>
</html>
